<template>
  <div id="app">
    <div class="wrap">
      <div class="left"></div>
      <div class="content"></div>
      <div class="right"></div>
    </div>
  </div>
</template>

<script>
import HelloWorld from './components/HelloWorld.vue'

export default {
  name: 'App',
  components: {
    HelloWorld
  }
}
</script>

<style lang="less" scoped>
#app{
  .wrap{
    display:flex;
    width:100vw;
    height:100vh;
    flex: 1 ;
  }
  .left{
    flex:1;
    background-color: springgreen;
  }
  .content{
    flex: 1;
    background-color: palevioletred;
  }
  .right{
    flex:1;
    background-color: cornflowerblue;
  }
}
</style>
